<!-- Inicio do Div Topo -->
<div id="Topo">
  <div id="contTopo"> <a href="/"><img src="/static/img/logoJimbu.png" alt="Logo Jimbu" width="499" height="101" class="Logo" /><a/>
    
    <!-- Inicio do Div Box Login -->
    <div id="boxLogin">
      <p><a href="/cadastro/usuario" class="link-txtCadastro">Cadastra</a></p>
      <p class="txtLogin">Login</p>
      <input name="Login" type="text" class="inputLogin" id="Login" value="E-Mail" />
      <input name="Senha" type="password" class="inputLogin" id="Senha" value="Senha" />
      <a href="#" class="btnOkLogin"><img src="/static/img/btnOkLogin.jpg" alt="botão Acessar" width="26" height="22" /></a> </div>
    <!-- Fim do Box Login --> 
      
    <!-- Inicio do Div Box Login -->
    <div id="boxCidades">
      {% if loggedUser %}
      	<h5 class="txtCidades">{{loggedUser.uf}}</h5>
      {% endif %}
      {% if not loggedUser %}
      	<h5 class="txtCidades">{{uf_user}}</h5>
      {% endif %}

      <span class="boxbtnCidade">
      	<a href="#">
      		<img src="/static/img/btnCidades.jpg" alt="Trocar Cidade" width="85" height="21" class="btnCidades">
      	</a>
      </span> 
    </div>
    <!-- Fim do Box Login --> 
    
    <!-- Inicio do Div Menu -->
    <div id="Menu">
      <ul>
        <li><a href="/compra/list" class="link-MenuLeft">OFERTAS</a></li>
        <li><a href="/empresa/" class="link-MenuLeft">EMPRESA</a></li>
        <li><a href="#" class="link-MenuRight">COMO FUNCIONA</a></li>
      </ul>
    </div>
    <!-- Fim do Div Menu --> 
    
    <!-- Inicio do Div Categoria -->
    <div id="boxCategoria">
      <p class="txtCategoria">CATEGORIA</p>
      <span class="bgSelecte">
      <select name="categoria" size="1" class="selecte" dir="ltr" lang="pt">
        <option>Escolha uma categoria</option>
        <option>Lazer</option>
        <option>Bares e Restaurantes</option>
        <option>Cursos</option>
      </select>
      </span> </div>
    <!-- Fim do Div Categoria --> 
    
  </div>
  <!-- Fim do Div Topo --> 
 </div>
 

<!-- MODAL de escolha de cidade -->
<div style='display:none'>
<div class='contact-top'></div>
<div id="contact-container" class="simplemodal-container" style="z-index: 1002; height: 58px; width: 450px; position: fixed; left: 407.5px; top: 15%; ">
	<a href="#" title="Close" class="modal-close simplemodal-close">x</a>
	<div tabindex="-1" class="simplemodal-wrap" style="height: 100%; outline-width: 0px; outline-style: initial; outline-color: initial; width: 100%; overflow-x: visible; overflow-y: visible; ">
		<div style="" id="simplemodal-data" class="simplemodal-data">
			<div class="contact-top"></div>
			<div class="contact-content" style="height: 108px; ">
				<h1 class="contact-title">Escolha sua cidade:</h1>
				<div class="contact-loading" style="display:none"></div>
				<div class="contact-message" style="display:none"></div>
				<form style="" method="get">
					<label for="contact-name">&nbsp;</label>
					<select id="cmb_estado" name="cmb_estado">
					</select>
					<br>
					<label>&nbsp;</label>
					<button type="submit" class="contact-send contact-button" tabindex="1006" id="btnCidade">
						Enviar
					</button>
					<br>
				</form>
			</div>
		</div>
	</div>
</div>
</div>
